<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>一号轴承网</title>
    <meta name="keywords" content="新用户注册,ic">
    <meta name="description" content="">
    <script src="/js/jquery.min.js" type="text/javascript"></script>
    <link href="/css/front/style.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.min.css?v=3.3.6"
          th:href="@{/css/bootstrap.min.css?v=3.3.6}" rel="stylesheet">
    <link href="/css/plugins/bootstrap-table/bootstrap-table.min.css"
          th:href="@{/css/plugins/bootstrap-table/bootstrap-table.min.css}"
          rel="stylesheet">
   <link rel="shortcut icon" href="/img/logo.ico" type="image/x-icon">
</head>

<body>
<div class="top">
    <div class="top_m b-r-s">
        <div class="top_l">
            <span>欢迎来到“<a href="/front/index">一号轴承网”</a></span>
            <span th:if="${!isLogin}">
                <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/login">登录</a>
                <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/front/register">免费注册</a>
            </span>
            <span th:if="${isLogin}">
                <a style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/member/welcome">会员中心</a>
            </span>
        </div>
    </div>
    <span style="float: right;padding-right: 30px;" th:if="${isLogin}">
        <a  style="font-size: 15px;color: #ff7300;font-weight:bold;" rel="nofollow" href="/logout">退出</a>
    </span>
</div>
<div th:replace="include::header1">
</div>
</div>
<div class="main w m-b-10">
    <div class="rconbox">
        <h3>新用户注册</h3>
        <div class="rconbox_con">
            <style type="text/css">
                .msg {
                    color: #FF3300
                }

                .msg2 {
                    color: #006600
                }

                .STYLE1 {
                    color: #FF3300;
                    font-weight: bold;
                }
            </style>

            <script language="javascript" type="text/javascript">
                var li_ok = '<img src=http://oss.114ic.com/Img/check_right.gif border=0> ';  //用于显示正确时的图标
                var li_err = '<img src=http://oss.114ic.com/Img/check_error.gif border=0> '; //用于显示错误时的图标
                var name_re = false;

                var name_use;
                var mail_use;
            </script>
            <script src="/js/appjs/front/register.js"></script>

            <form method="post" id="regform" action="/register">
                <table  class="table  table-striped table-hover">
                    <tbody>
                    <tr>
                        <td align="right"><label  color="#FF0000">基本信息</label></td>
                        <td align="left">　</td>
                        <td align="left">　</td>
                        <td align="left">　</td>
                    </tr>
                    <tr>
                        <td width="18%" align="right">用户账号：</td>
                        <td width="12%">
                            <input class="form-control"  name="userAccount" id="userAccount" type="text" maxlength="20" onblur="isUserAccount()" size="20">
                        </td>
                        <td width="4%"><span class="STYLE1" id="name_re">*</span></td>
                        <td width="66%" id="name_re_m">4-20个字符[A-Z，a-z，0-9]</td>
                    </tr>

                    <tr>
                        <td align="right">密码：</td>
                        <td>
                            <input class="form-control"  name="password" id="pwd" type="password" maxlength="16" onblur="password1()" onkeyup="showStrongPic();" size="20">
                        </td>
                        <td><span class="STYLE1" id="pwd_re">*</span></td>
                        <td>
                            <span id="lowPic" style="display:none">低</span>
                            <span id="midPic" style="display:none">中</span>
                            <span id="highPic" style="display:none">高</span>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">确认密码：</td>
                        <td>
                            <input class="form-control"  name="pwd2" id="pwd2" type="password" maxlength="16" onblur="password2()"
                                   size="20"></td>
                        <td><span class="STYLE1" id="pwd2_re">*</span></td>
                        <td id="pwd2_re_m">请您再填写一次密码</td>
                    </tr>
                    <tr>
                        <td align="right"><label  color="#FF0000">联系方式</label></td>
                        <td colspan="3">
                            　
                        </td>
                    </tr>
                    <tr>
                        <td width="18%" align="right">用户姓名：</td>
                        <td width="12%">
                            <input class="form-control" name="userName" id="userName" type="text" maxlength="20" onblur="isUserName()" size="19">
                        </td>
                        <td width="4%"><span class="STYLE1" id="userName_re">*</span></td>
                        <td width="66%" id="userName_re_m"></td>
                    </tr>
                    <tr>
                        <td align="right">手机：</td>
                        <td><input class="form-control" name="mobile" id="mobile" type="text" size="30" onblur="isMobile()"></td>
                        <td><span class="STYLE1" id="mobile_re">*</span></td>
                        <td width="66%" id="mobile_re_m"></td>
                    </tr>
                    <tr>
                        <td align="right">传真：</td>
                        <td><input class="form-control" name="faxs" id="faxs" type="text" size="30"></td>
                        <td>   </td>
                        <td> 　</td>
                    </tr>
                    <tr>
                        <td align="right">区号：</td>
                        <td>
                            <input class="form-control" name="districtCode" type="text" id="districtCode" size="30"></td>
                        <td>  </td>
                        <td>　</td>
                    </tr>
                    <tr>
                        <td align="right">电话：</td>
                        <td>
                            <input class="form-control" name="telephone" type="text" id="telephone" size="30"></td>
                        <td>  </td>
                        <td>　</td>
                    </tr>
                    <tr>
                        <td align="right">电子邮箱：</td>
                        <td>
                            <input class="form-control" name="email" id="email" type="text" maxlength="80" onblur="isEmail()" size="30">
                        </td>
                        <td><span class="STYLE1" id="email_re">*</span></td>
                        <td id="email_re_m">取回密码和修改密码时使用，请您正确填写。</td>
                    </tr>
                    <tr>
                        <td align="right">联系QQ：</td>
                        <td><input class="form-control" name="qq" id="qq" type="text" size="30"></td>
                        <td><span class="STYLE1" id="qq_re"></span></td>
                        <td id="qq_re_m">　</td>
                    </tr>
                    <tr>
                        <td align="right">微信：</td>
                        <td><input class="form-control" name="wechat" id="wechat" type="text" size="30"></td>
                        <td><span class="STYLE1" id="qq_re"></span></td>
                        <td id="qq_re_m">　</td>
                    </tr>

                    <tr  id="probince">
                        <td align="right" height="25">省份：</td>
                        <td width="30%">
                            <select class="form-control" name="city" id="city">
                            <option value="">请选择</option>
                            <option value="北京">北京</option>
                            <option value="深圳">深圳</option>
                            <option value="广东">广东(不含深圳)</option>
                            <option value="上海">上海</option>
                            <option value="江苏">江苏</option>
                            <option value="四川">四川</option>
                            <option value="浙江">浙江</option>
                            <option value="陕西">陕西</option>
                            <option value="山东">山东</option>
                            <option value="天津">天津</option>
                            <option value="重庆">重庆</option>
                            <option value="黑龙江">黑龙江</option>
                            <option value="吉林">吉林</option>
                            <option value="辽宁">辽宁</option>
                            <option value="内蒙古">内蒙古</option>
                            <option value="河北">河北</option>
                            <option value="河南">河南</option>
                            <option value="新疆">新疆</option>
                            <option value="甘肃">甘肃</option>
                            <option value="宁夏">宁夏</option>
                            <option value="山西">山西</option>
                            <option value="青海">青海</option>
                            <option value="西藏">西藏</option>
                            <option value="湖北">湖北</option>
                            <option value="安徽">安徽</option>
                            <option value="江西">江西</option>
                            <option value="湖南">湖南</option>
                            <option value="贵州">贵州</option>
                            <option value="云南">云南</option>
                            <option value="广西">广西</option>
                            <option value="福建">福建</option>
                            <option value="海南">海南</option>
                            <option value="香港">香港</option>
                            <option value="澳门">澳门</option>
                            <option value="台湾">台湾</option>
                            <option value="其他">其他</option>
                        </select></td>
                        <td><span class="STYLE1" id="area_re">*</span></td>
                        <td id="area_re_m">请选择区域</td>
                    </tr>
                    <tr>
                        <td align="right">地址：</td>
                        <td colspan="3">
                            <input class="form-control" name="address" type="text" id="address" size="60"></td>
                    </tr>
                    <tr>
                        <td align="right"><label color="#FF0000">公司信息</label></td>
                        <td colspan="3">
                            　
                        </td>
                    </tr>
                    <tr>
                        <td align="right">公司：</td>
                        <td>
                            <input class="form-control" name="company" type="text" id="company" size="30" onblur="isCompany()"></td>
                        <td><span class="STYLE1" id="company_re">*</span></td>
                        <td id="company_re_m">　</td>
                    </tr>
                    <tr>
                        <td align="right">网址：</td>
                        <td colspan="3">
                            <input class="form-control" type="text" name="webSite" id="webSite" size="30"></td>
                    </tr>
                    <tr>
                        <td align="right">公司简介：</td>
                        <td colspan="3">
                            <textarea class="form-control" rows="8" name="companyDesc" id="companyDesc" cols="60"></textarea></td>
                    </tr>
                    <tr>
                        <td align="right">注册类型：</td>
                        <td colspan="3">
                            <select class="form-control" name="memberType">
                                <option value="1">买家</option>
                                <option value="2">卖家</option>
                                <option value="3" selected>两者都是</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td align="right"> 　</td>
                        <td align="left" colspan="3"><input type="button" onclick="chk_reg()" name="Submit"
                                                            value="注册"></td>
                    </tr>
                    </tbody>
                </table>
            </form>


        </div>
    </div>
    <!--end-->
</div>
<div th:replace="include::foot1">
</div>
<div th:replace="include::foot2">
</div>
</body>
</html>
